<h2>Classic editor</h2>
<div id="editor1">
	<table border="1" cellpadding="1" cellspacing="1" style="width:500px">
		<tbody>
			<tr>
				<td style="background-color: rgb(102, 102, 204);">s</td>
				<td>s</td>
			</tr>
			<tr>
				<td>s</td>
				<td style="background-color: rgb(255, 255, 0);">s</td>
			</tr>
			<tr>
				<td style="background-color: rgb(255, 204, 0);">s</td>
				<td style="background-color: rgb(255, 204, 0);">s</td>
			</tr>
		</tbody>
	</table>

	<p>Paste here:</p>
</div>

<h2>Inline editor</h2>
<div id="editor2" contenteditable="true">
	<table border="1" cellpadding="1" cellspacing="1" style="width:500px">
		<tbody>
			<tr>
				<td style="background-color: rgb(102, 102, 204);">s</td>
				<td>s</td>
			</tr>
			<tr>
				<td>s</td>
				<td style="background-color: rgb(255, 255, 0);">s</td>
			</tr>
			<tr>
				<td style="background-color: rgb(255, 204, 0);">s</td>
				<td style="background-color: rgb(255, 204, 0);">s</td>
			</tr>
		</tbody>
	</table>

	<p>Paste here:</p>
</div>

<script>
	CKEDITOR.replace( 'editor1' );
	CKEDITOR.inline( 'editor2' );
</script>
</body>
